<!DOCTYPE html>
<html>


	<head>
		<meta charset="UTF-8">
		<title>成长守护平台</title>
		<style type="text/css">
			#bj1 {
				width: 1200px;
				height: 2258px;
				margin: 0px;
			}
			
			#bg4,
			#bg5,
			#bg6 {
				width: 1200px;
				height: 400px;
			}
			
			#bt1 {
				width: 1200px;
				height: 600px;
				background-image: url(img/cbg1.jpg);
				margin: 0px;
			}
			
			#bt1 div:first-child {
				width: 300px;
				height: 90px;
				margin: 100px 450px 30px 450px;
			}
			
			#yj1 {
				width: 1200px;
				height: 300px;
			}
			
			#btndl {
				width: 150px;
				height: 50px;
				background-color: #17956F;
				border: solid 1px #17956F;
				border-radius: 5px;
				color: white;
				font-size: 22px;
			}
			
			#btd1 {
				margin: 0px 530px;
			}
			
			#bg3 {
				width: 1200px;
				height: 250px;
			}
			
			#bg3 p:first-child {
				font-size: 12px;
				margin: 100px 0px 20px 0px;
			}
			
			#bg3 p:last-child {
				font-size: 20px;
				color: #17956F;
			}
			
			#bg4m {
				width: 450px;
				height: 280px;
				background-image: url(img/儿童.png);
				margin: 0px 0px 0px 200px;
				float: left;
			}
			
			#bg4m img:last-child {
				position: absolute;
				width: 250px;
				height: 100px;
				margin: 145px 0px 0px 100px;
			}
			
			#bg4 div:last-child {
				float: left;
				margin: 60px 0px 0px 30px;
			}
			
			#bg5 div:first-child,
			#sz1,
			#bg5 div:last-child {
				float: left;
				margin: 70px 40px 0px 40px;
			}
			
			#bg6 div:first-child,
			#bg6 div:last-child {
				float: left;
			}
			
			#bg6 div:first-child {
				margin: 0px 50px 0px 100px;
			}
			
			#bg6 div:last-child {
				margin: 60px 0px 0px 0px;
			}
		</style>
	</head>


	<body>
		<div id="bj1">
			<div id="bt1">
				<div>
					<img src="img/bt1.png" width="300px" height="90px" />
				</div>
				<div id="btd1">
					<a href="table.html">
						<input type="button" id="btndl" name="btndl" value="登陆" />
					</a>
				</div>
			</div>
			<div id="bg3">
				<p align="center">
					我们致力绿色健康的游戏体验，同样深知你对孩子健康的关爱和期待！
					<br />我们的成长守护平台能提供给家长一系列实用的工具，可以随时了解孩子游戏动态，
					<br />合理设定孩子娱乐时间，培养孩子健康游戏习惯。</p>
				<p align="center">
					<br />诚邀你的加入
					<br />与千万家长一起共同助力孩子健康成长</font>
				</p>
			</div>
			<div id="bg4">
				<div id="bg4m">
					<img src="img/timg (1).gif" />
				</div>
				<div>
					<p>
						<font size="6" color="#17956F">提醒查询</font>
						<br />
						<font size="2">
							<br />随着提醒功能的开启，你可以同步掌控孩子游戏登录和消费
							<br />信息。如果需要，你还可以查看孩子近期的腾讯游戏清单，
							<br />游戏进出及消费信息一目了然。
						</font>
					</p>
				</div>
			</div>
			<div id="bg5">
				<div>
					<img id="sz" src="img/设置.png" />
				</div>
				<div id="sz1">
					<p>
						<font size="6" color="#17956F">游戏设置</font>
						<br />
						<font size="2">
							<br />你和孩子可以共同协商，自由设定娱乐计划，不仅是
							<br /> 游戏时间的规划，也兼顾消费习惯的养成。在某些特
							<br />殊时刻，你可以尝试一键禁玩，在目前平台已支持的
							<br /> 游戏范围中自由选择允许或禁止，更有针对性地引导
							<br /> 孩子健康上网，而非一味封堵。
						</font>
					</p>
				</div>
				<div>
					<img id="ch1" src="img/幼儿.png" />
				</div>
			</div>
			<div id="bg6">
				<div>
					<img src="img/成长.png" />
				</div>
				<div>
					<p>
						<font size="6" color="#17956F"> 成长资讯</font>
						<font size="2">
							<br />亲子共同成长的时光总是美妙，但也需要一些方法和技巧，
							<br />你可以在这里查阅一些资料，有专家建议，有行为报告，也
							<br />有一些经验之谈，我们希望这些能辅助你树立孩子安全网络意识。
						</font>
					</p>
				</div>
			</div>


		</div>
	</body>


</html>